{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/sama_part2.css">
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/my_wallet.css">
<style type="text/css">
	.cent{
		text-align: center;
	}
	.tag {
    font-size: 0.5rem;
    color: #FFFFFF;
    line-height: 0.75rem;
    padding: 0 0.25rem;
    background: #FF6600;
    border-radius: 2px;
    display: inline-block;
}
.touxian{
	width: 90%;
	height: 0.75rem;
	position: absolute;
	top:8rem;
	left:5%;
	text-align: center;
}
.blur {    
    -webkit-filter: blur(0.5rem); /* Chrome, Opera */
       -moz-filter: blur(0.5rem);
        -ms-filter: blur(0.5rem);    
            filter: blur(0.5rem);    
}
</style>

{/block}
{block name="content"}
<div class="others_personal_head_box">
	<img class="blur" src="/Public/Images/front/front_img/cxq_xuangmu_pic3x.png" style="width:110%;height:120%;margin:-10% -10% -10% -10%;"><!--背景图片，根据头像变化-->

	<div class="write_icon_white"></div>

	<img class="others_personal_head" src="/Public/Images/front/front_img/cxq_xuangmu_pic3x.png"></img><!--个人头像-->
	<!--男女标志-->
	<!-- <div class="icon_gender_man"></div> -->
	<div class="icon_gender_male"></div>

	<div class="others_info_icon">
		<div class="point"></div><!--有消息时显示这个红点-->	
	</div>

	<p1>花花是世界</p1><!--昵称-->

	<div class="touxian">
	<i class="tag">女神认定</i>
	<i class="tag">颜值认定</i>
	<i class="tag">颜值认定</i>
	<i class="tag">颜值认定</i>
	<i class="tag">颜值认定</i>
	<i class="tag">颜值认定</i>
	
	</div>
	<!--如果没有头衔-->
	<!-- <div class="no_title"></div><p2 >尚未取得任何头衔</p2> -->
</div>

<div class="others_personal_info" style="margin-bottom:0.25rem">
	
	<div class="attention">关注</div>
	<div class="fans">粉丝</div>
	<div class="channel cent" style="right:7%">帖子</div>

	<div class="attention_number">1011</div>
	<div class="fans_number">1011</div>
	<div class="channel_number">1011</div>
</div>

<ul class="use_cont">
	<li class="cont_box" >
		<i class="icon collection"></i>
		<span class="h1">我的收藏</span>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box clear_border mb_5" >
		<i class="icon readhistory"></i>
		<span class="h1">阅读历史</span>
		<i class="icon_forward"></i>
	</li>
</ul>

<ul class="use_cont">
	<li class="cont_box" >
		<i class="icon joinzc"></i>
		<span class="h1">参与众筹</span>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box" >
		<i class="icon joinzs"></i>
		<span class="h1">赞赏过的</span>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box clear_border mb_5" >
		<i class="icon joinxs"></i>
		<span class="h1">参与悬赏</span>
		<i class="icon_forward"></i>
	</li>
</ul>

<ul class="use_cont">
	<li class="cont_box clear_border mb_5" >
		<i class="icon mywallet"></i>
		<span class="h1">我的钱包</span>
		<i class="icon_forward"></i>
	</li>
</ul>

<ul class="use_cont" >
	<li class="cont_box" >
		<i class="icon share"></i>
		<span class="h1">分享App</span>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box" >
		<i class="icon aboutus"></i>
		<span class="h1">关于我们</span>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box clear_border" >
		<i class="icon setsystem"></i>
		<span class="h1">系统设置</span>
		<i class="icon_forward"></i>
	</li>

</ul>
<div style="width:100%;height:0.5rem;padding-bottom:2.45rem"></div>

<!--分享弹窗-->
<!-- <div class="back_pop">
	
</div>
<div class="share_pop">
	<span class="share_icon wechat"></span>
	<span class="share_icon circle"></span>
	<span class="share_icon weibo"></span>
	<span class="share_icon qq"></span>
	<span class="share_icon qqzone"></span>
	<div class="cancel_share">取消</div>
</div> -->
{include file="../Index/nav.html"}
{/block}
{block name="js"}
{literal}
<script type="text/javascript">
	$('.write_icon_white').on('click',function(){
		window.location.href = '/Index/my_data'
	});
	//我的关注
	$('.attention').on('click',function(){
		window.location.href ='/Index/my_concern'
	});
	//我的粉丝
	$('.fans').on('click',function(){
		window.location.href ='/Index/my_fans'
	});
	//我的帖子
	$('.channel').on('click',function(){
		window.location.href ='/Index/my_post_zanshang'
	});

	//我的收藏
	$('ul:eq(0) li:eq(0)').on('click',function(){
		window.location.href ='/Index/my_collection'
	});
	//我的浏览记录
	$('ul:eq(0) li:eq(1)').on('click',function(){
		window.location.href ='/Index/my_scan_record'
	});
	//我的众筹
	$('ul:eq(1) li:eq(0)').on('click',function(){
		window.location.href ='/Index/my_Crowd_funding'
	});
	//我的赞赏
	$('ul:eq(1) li:eq(1)').on('click',function(){
		window.location.href ='/Index/my_appreciated'
	});
	//我参与的悬赏
	$('ul:eq(1) li:eq(2)').on('click',function(){
		window.location.href ='/Index/my_joined_reward'
	});
	//我的钱包
	$('ul:eq(2) li:eq(0)').on('click',function(){
		window.location.href ='/Index/my_wallet'
	});
	//分享app
	$('ul:eq(3) li:eq(0)').on('click',function(){
		// shareApp();
	});
	//关于我们
	$('ul:eq(3) li:eq(1)').on('click',function(){
		window.location.href ='/Index/aboutus'
	});
	//系统设置
	$('ul:eq(3) li:eq(2)').on('click',function(){
		window.location.href ='/Index/system_set'
	});

	//我的资料
	$('.others_personal_head').on('click',function(){
		window.location.href = '/Index/my_data'
	});
	// function shareApp(){
	// 	$('.share_pop').animate({
	// 		height:'14.2rem'
	// 	},200);
	// 	$('.back_pop').show();
	// }
	// $('.back_pop').on('click',function(){
	// 	$('.back_pop').hide();
	// 	$('.share_pop').animate({
	// 		height:'0'
	// 	},200);
	// });
	// $('.cancel_share').on('click',function(){
	// 	$('.back_pop').hide();
	// 	$('.share_pop').animate({
	// 		height:'0'
	// 	},200);
	// });
</script>
{/literal}
{/block}
